
<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- <meta name="viewport" content="width=device-width, initial-scale=1">-->

    <title>Speakrs</title>

    <!-- ESTILO CADASTRO -->
    
    <link href="css/estilo.css" rel="stylesheet">
    

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    

    
    
    
    
    
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    
    
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    
    
  </head>

  <body>

	  
	  
	  
	  <div class="container topExpNav">
	  
	  	<div class="row contTopExpNav">
				  
				  
				  <div class="col-md-12">
				  	
				  		<a href="#">
					  		<img class="marginLogo" src="imgs/logoExp.jpg" />
				  		</a>
				  		
					  <a href="#" class="btn btn-default btnInscrevaSeExp">Inscreva-se</a>
				  
				  </div>
				  
		</div>
	  
		  
	  </div><!-- container -->
	  
	  
	  
	  
	  <div class="container topoExp">
		  
		  
		  <div class="row tituloExp">
		  	
		  	<div class="col-md-12 col-centered txt-centered txt-centeredMargin ">
			  	
			  	<h3 class="txtCidadeExp"><b>Fortaleza</b>, Brasil</h3>
			  	<h1 class="txtTituloExp">FLUSHING CHINATOWN FOOD TOUR</h1>
			  	
		  	</div>
		  	
		  	
		  	<div class="avatarAutor">
			  
			  <img src="imgs/avatarAutor.jpg" class="img-circle" />
			  
			 </div>

		  				  
		  </div>
		  
		  
	  </div>
	  
	  
	  
	  
	  
	  <div class="container txtAutor">
		  
		  <div class="row">
			  
			  <p class="comAutor">com</p>
			  <h4 class="comAutorNome">Marcos Mendes</h4>
			  <p class="resumoExp">
				  
				  “Bring your chopsticks and your appetite for a walking tour of<br>
				  Downtown Flushing with the “guy who ate Queens. Experience<br>
				  the sights, sounds, and flavors of Chinatown.”
				  
			  </p>
			  
		  </div>
		  
	  </div><!-- /container -->
	  
	  
	  
	  <div class="container descricao">
		  
		  <div class="row col-centered">
			  
			  
			  <div class="col-md-8">
				
				  <h2 class="tiDescricao"><b>Fortaleza</b>, Brasil</h2>
				  
				  <div class="txtDescricao">
				  <p>Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue.</p>

<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus. Donec ullamcorper nulla non metus auctor fringilla.</p>

<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>

<p>Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec id elit non mi porta gravida at eget metus.</p>

				  </div>
				  
					  
			  </div>
			  
			  
			  
			  
			  
			  <div class="col-md-4">
				
				
				<div class="thumbnail boxValor">
				
				      
				      <div class="caption">
				      
				      
				        <div class="subBoxValor">				        

				        	<b class="sMoeda">R$</b>
					        <h5 class="pValor">99</h5>
					        
					        <p class="pPessoas">
						        Por pessoa<br>
						        <b>3 horas</b>
					        </p>

				        
				        </div>
				        
				        
				        
				        <div class="formEscolha">
					        
					        <form role="form">
							 
							  <div class="form-group"  style="float:left; margin-right:10px;">
							  
							    <label class="labelReserva">Data</label>
							    <input type="date" class="form-control estilo1" placeholder="dd/mm/aaaa">
							  
							  </div>
							  
							  <div class="form-group">
							   
							    <label class="labelReserva">hora</label>
							    
							    <select class="form-control estilo1">
							    	<option>6:00 AM</option>
							    	<option>7:00 AM</option>
							    	<option>8:00 AM</option>
							    	<option>9:00 AM</option>
							    	<option>10:00 AM</option>
							    	<option>11:00 AM</option>
							    	<option>12:00 PM</option>
							    	<option>13:00 PM</option>
							    	<option>14:00 PM</option>
							    	<option>15:00 PM</option>
							    	<option>16:00 PM</option>
							    	<option>17:00 PM</option>
							    	<option>18:00 PM</option>
							    	<option>19:00 PM</option>
							    	<option>20:00 PM</option>
							    	<option>21:00 PM</option>
							    	<option>22:00 PM</option>
							    	<option>23:00 PM</option>
								</select>
														  
							  </div>
							  
							  
							  <div class="form-group">
							   
							   <label class="labelReserva">quantidade de pessoas</label>
							   
							    <select class="form-control estilo2">
								  <option>Duas Pessoas</option>
								  <option>Três Pessoas</option>
								  <option>Quatro Pessoas</option>
								  <option>Cinco Pessoas</option>
								  <option>Seis Pessoas</option>
								</select>	
														  
							  </div>
							  
							  <div class="form-group" style="margin-top:35px;">
							  	<button type="submit" class="btn btn-default btnReserve">Reserve agora</button>
							  </div>
							  
					        
					        </form>
					        
					        
				        </div>
				        
				        
				        
				      
				      </div>
				 
				 </div>
				 
				 
				 
				 
				 <a href="#" class="btn btn-default btnConverse"><span class="glyphicon glyphicon-comment icoConverse"></span>Converse com Marcos</a>

				
				
					  
			  </div><!-- / col-md-4 -->
			  
			  
			  
		  </div>
		  
	  </div><!-- container -->



	  
	  <div class="container midia">
		  
		  
		  <div class="row col-centered">
			  
			  <div class="col-md-8">
				  
				  <object width="100%" height="340"><param name="movie" value="//www.youtube.com/v/fnZH5Fy_rNo?hl=en_GB&amp;version=3&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/fnZH5Fy_rNo?hl=en_GB&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="100%" height="340" allowscriptaccess="always" allowfullscreen="true"></embed></object>				  
				  				  
			  </div>
			  
			  <div class="col-md-2">
			  
			  	<img src="imgs/fotoExp.jpg" alt="..." height="150" width="150">
			  	
			  </div>
			  
			  
			  <div class="col-md-2" style="margin-bottom:40px;">
			  	<img src="imgs/fotoExp.jpg" alt="..." height="150" width="150">
			  </div>
			 
			 
			  <div class="col-md-2">
			  	<img src="imgs/fotoExp.jpg" alt="..." height="150" width="150">
			  </div>
			  
			  <div class="col-md-2">
			  	<img src="imgs/fotoExp.jpg" alt="..." height="150" width="150">
			  </div>
			  
			  
			  
		  </div>
		  
	  </div><!-- container -->
	  
	  
	  
	  
	  <div class="container mapa">
		  
		  MAPA AQUI
		  
	  </div><!-- /container -->
	  
	  
	  <div class="container sobreAutor">
		  
		  
		  <div class="row col-centered">
			  
			  
			  <div class="col-md-12" style="text-align:center;">
				  
				  <div class="avatarAutorSobre">
			  
				  	<img src="imgs/avatarAutor.jpg" class="img-circle" />
				  
				  </div>
				  
			  </div>
			  
			  
		  </div>
		  
		  <div class="row col-centered">
			  
			  <div class="col-md-12" style="text-align:center;">
				  
				  
				  
				<p class="avatarcomAutor">sobre seu speakr</p>
				  <h4 class="avatarcomAutorNome">Marcos Mendes</h4>
				  <p class="avatarresumoExp">
					  
					  “Bring your chopsticks and your appetite for a walking tour of<br>
					  Downtown Flushing with the “guy who ate Queens. Experience<br>
					  the sights, sounds, and flavors of Chinatown.”
					  
				  </p>

				  
			  </div>
			  
		  </div>
		  
		  
	  </div><!-- container -->
	  
	  
	  
	  
	  <!-- MENSAGEM -->
	  <div class="container mensagem">
		  
		  <div class="row">
			  
			  
			  <div class="col-md-12 legendaTxt">
				  
				  
				  <h1 class="tituloContHome">Experiência Personalizada</h1>
				  <h2 class="subTituloContHome">Solicite uma experiência personalizada, conte-nos suas necessidades<br> e encaminharemos uma nova proposta.</h2>

				  
				  
			  </div><!-- /col-md-12 -->
			  
			  
		  </div><!-- / row -->
		  
		  
		  <div class="row mTop">
			  
			  <div class="col-md-3"></div>
			  
			  <div class="col-md-6">
				  
				  
				  <form class="form-horizontal" role="form">
					
						  <div class="form-group">
					
						    <input type="email" class="form-control msgInput" id="exampleInputEmail1" placeholder="Seu nome">
						    <input type="email" class="form-control msgInput" id="exampleInputEmail1" placeholder="Seu email">
						    <textarea class="form-control msgInputTA" rows="5" placeholder="Mensagem"></textarea> 

						    
						    <button type="submit" class="btn btn-default btnEnviarMsg">Enviar</button>
					
						  </div>
					  
					  </form>
				  
				  
				  
			  </div>
			  
			  <div class="col-md-3"></div>
			  
			  
		  </div>
		  
	  </div><!-- FIM MENSAGEM -->

	  
	  
	 <div class="container rodape">
		  
		<div class="row col-centered">
			
			<div class="col-md-4">
				
				<p class="copy">Copyright © Speakrs 2014</p>
			
			</div>
			
			<div class="col-md-3 col-md-offset-5 icoRedes">
				
				<a href="#" target="_blank">
					<img src="imgs/ico_facebook.jpg" />
				</a>
				
				<a href="#" target="_blank">
					<img src="imgs/ico_twitter.jpg" />
				</a>
				
			</div>
			
		</div>
				  
	  </div><!-- /container -->






    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
  </body>
</html>
